<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="./css/1.css">
</head>
<body>
    <!--
        比较传统的方式 absolute+margin负值偏移
        特点：父容器要设置宽高，需要知道子容器宽高，偏移量是子容器宽高的一半且是负值，兼容性好
    -->
    <section class="layout absolute">
        <article>
            <p>
                1.absolute+margin负值偏移<br>
                （父容器要设置宽高，需要知道子容器宽高）
            </p>
        </article>
    </section>
</body>
</html>